/* 去掉浏览器自带的属性 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
    /* 设置不平铺 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    /*居中*/
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    /*设置圆角*/
    padding: 25px;

    /*设置内边距*/
    overflow: auto;

    /*设置滚动效果*/
    /* Webkit 浏览器滚动条隐藏 */
    /* ::-webkit-scrollbar {
        display: none;
        /* 隐藏滚动条 
    }*/

    /* Firefox 滚动条隐藏 */
    /* scrollbar-width: none; */
    /* Firefox 隐藏滚动条 */

    /* Firefox 隐藏滚动条的回退样式 */
    /* ::-ms-overflow-style { 
        display: none;
        }
     */

}

.header {
    width: 100%;
    /*相对于父元素*/
    height: 50px;
    display: flex;
    /*设置为弹性布局*/
    justify-content: space-between;
    /*表示会均匀分配*/
    align-items: center;
}

.header>input {
    width: 1045px;
    height: 50px;
    font-size: 23px;
    /*搜索框里面的文字大小*/
    line-height: 50px;
    /*表示行高*/
    padding-left: 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    /* 设置边框宽度为1px，样式为实线，颜色为30%不透明度的黑色 */
}

.header>button {
    width: 100px;
    height: 50px;
    margin-left: 4px;
    border-radius: 10px;
    background-color: rgb(248, 140, 77);
    color: #fff;
    /*里面文字*/
    font-size: 17px;
    line-height: 50px;
    border-radius: 10px;
    border: none;
    /* 去掉外框 */
}

/* 点击之后直接将背景变灰 */
.header>button:active {
    background-color: gray;
}

.item {
    width: 100%;
    margin-top: 20px;
    /* 添加阴影效果 */
    box-shadow: 0px 2px 10px rgba(199, 197, 197, 0.1);

    /* 添加一些内边距以增强视觉效果 */
    padding: 2px;

    /* 添加边框圆角以创建柔和的边缘 */
    border-radius: 10px;
}


.item a {
    display: block;
    height: 40px;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;

    color: rgb(90, 151, 241);
    /* text-decoration: none;移除默认的下划线*/
}

.item a:active {
    color: rgb(190, 212, 244);
}

.item .desc {
    font-size: 18px;
}

/*给正文中的 i 标签，去掉斜体并标红， */
.item .desc i {
    color: red;
    font-style: normal;
    font-size: 22px;
}

.item .url {
    font-size: 18px;
    color: rgb(65, 230, 56)
}

#count {
    color: gray;
    margin-top: 10px;
}